/******************************************************************************/
/******************************************************************************
File: template_common.css
Comments: Common classes, IDs and elements needed throughout the site.

Notes: We have set the default font to 76% which is equal to 10px.  to increase
by 1px JUST CHANGE THE EM NUMBER.  EXAMPLES BELOW:
1em == 10px
1.1em == 11px
1.2em == 12px
1.3em == 13px                    
This is scalable and accessible and works in IE6, IE7 and FireFox 1.5+

DO NOT USE  TO SET A PX FONT SIZE...EVER.  IT IS NOT NEEDED.  
*******************************************************************************/



/***RESET STYLESHEET NEEDED ONLY IN THIS FILE**********************************/
@import 'reset.css';
/***GLOBAL ELEMENTS************************************************************/
body {
	background: #f6f4f4;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	padding: 20px 0;
	line-height: normal;
}
h1, h2 {
	color: #6a6a6a;
	font-size: 2em;
	margin: 0 auto;
	width: 750px;
}
h1 {
	margin-top: 15px;
}
h2 {
	font-size: 1.7em;
	padding: 0 0 15px 0;
}
a {
	color: #f6f4f4;	
}
a:hover {
	text-decoration: underline;
}
.readOnly {
	display: block;
	height: 0px;
	overflow: hidden;
}
/***MAIN NAVIGATION ELEMENTS***************************************************/
ul#navigation_main {
	margin: 0 auto;
	width: 750px;
}
ul#navigation_main li {
	float: left;
}
ul#navigation_main li a {
	display: block;
	font-size: 1.1em;
	padding: 5px 15px;
	text-decoration: none;
}
ul#navigation_main li a:hover {
	text-decoration: underline;
}
ul#navigation_main li a.selected {
	background: #fff;
	color: #6a6a6a;
	text-decoration: underline;
}
/***CONTENT AREA ELEMENTS******************************************************/
#wrapper {
	background: #6a6a6a;	
	padding: 10px 0;
}
#content {
	background: #fff url(../images/dashboard/inner_background.jpg) left bottom repeat-x;
	margin: 0 auto 5px auto;
	width: 750px;	
}
.contentBlock {
	padding: 10px 15px;
}
.contentBlock .major_content {
	float: left;
	width: 400px;
}
.secondary_content {
	float: right;
	width: 300px;
}
.secondary_content p {
	color: #6a6a6a;
	font-size: .9em;
	line-height: 1.7em;
	padding: 0 0 7px 0;
}
/***SITE INFO ELEMENTS*********************************************************/
#siteInfo {
	color: #f6f4f4;
	font-size: .7em;
	margin: 0 auto;
	text-align: right;
	width: 750px;
}